
<!DOCTYPE html>
<html lang="zh" class="js">
<head>
    <meta charset="utf-8">
    <meta content="always" name="referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>荔枝线上工具箱 - 你的专属线上工具箱</title>
    <meta name="keywords" content="在线工具,免费chatgpt,ai写文章,ai写代码,站长工具,开发工具,json格式化，md5编码">
    <meta name="description" content="这是一个非常Nice的在线工具箱">
    <link rel="stylesheet" href="static/css/dashlite.css">
	<link rel="stylesheet" href="static/css/style.css?v=1002">
    
</head>
<body class="nk-body npc-invest bg-lighter ">
    <!-- wrap @s -->
    <div class="nk-wrap ">
        <!-- main header @s -->
<div class="nk-header nk-header-fluid nk-header-fixed is-light">
    <div class="container-xl">
        <div class="nk-header-wrap link-between">
            <div class="nk-menu-trigger mr-sm-2 d-lg-none">
                <a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="headerNav"><em
                        class="icon ni ni-menu"></em></a>
            </div>
            <div class="nk-header-brand">
                <a href="" class="logo-link text-base"><img src="static/images/logo.png" class="hide-mb-sm">荔枝线上工具箱</a>
            </div>
            <!-- .nk-header-brand -->
            <div class="nk-header-tools nk-header-menu" data-content="headerNav">
                <div class="nk-header-mobile">
                    <div class="nk-header-brand">
                        <a href="" class="logo-link text-base">
                            <span class="nio-version" style="font-size: 21px;position: inherit;">荔枝线上工具箱</span>
                        </a>
                    </div>
                    <div class="nk-menu-trigger mr-n2">
                        <a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="headerNav"><em class="icon ni ni-arrow-left"></em></a>
                    </div>
                </div>
                <!-- Menu -->
                <ul class="nk-menu nk-menu-main">
                    <li class="nk-menu-item active">
                        <a href="index.html" class="nk-menu-link nk-ibx-action-item">
                            <em class="icon ni ni-home"></em>
                            <span class="nk-menu-text">首页</span>
                        </a>
                    </li>
                    <li class="nk-menu-item ">
                        <a href="stars.html" class="nk-menu-link nk-ibx-action-item">
                            <em class="icon ni ni-heart"></em>
                            <span class="nk-menu-text">我的收藏</span>
                        </a>
                    </li>
                    <li class="nk-menu-item ">
                        <a href="history.html" class="nk-menu-link nk-ibx-action-item">
                            <em class="icon ni ni-history"></em>
                            <span class="nk-menu-text">最近使用</span>
                        </a>
                    </li>
                    <li class="nk-menu-item ">
                        <a href="comment.html" class="nk-menu-link nk-ibx-action-item">
                            <em class="icon ni ni-comments"></em>
                            <span class="nk-menu-text">留言反馈</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- .nk-header-menu -->
            <div class="no-gutters">
                <ul class="nk-quick-nav">
                    <li class="dropdown">
                        <a href="javascript:;" class="progress-rating dark-switch ">
                            <span class="nk-menu-icon">
                                <em class="icon ni ni-moon"></em>
                                <em class="icon ni ni-sun d-none"></em>
                            </span>
                        </a>
                    </li>
                    <li class="dropdown user-dropdown order-sm-first ">
                                                <a href="login" class="dropdown-toggle nk-menu-link nk-ibx-action-item">
                            <em class="icon ni ni-user-circle mr-1"></em>
                            <div class="">
                                未登录
                            </div>
                        </a>
                                            </li>
                    <!-- .dropdown -->
                </ul>
                <!-- .nk-quick-nav -->
            </div>
            <!-- .nk-header-tools -->
        </div>
        <!-- .nk-header-wrap -->
    </div>
    <!-- .container-fliud -->
</div>
<!-- main header @e -->
        <!-- content @s -->
        
<div class="nk-content nk-content-lg nk-content-fluid pt-5 pb-5 bannerbg" style="background: url(static/images/back.png);">
    <div class="container-xl">
        <div class="form-control-wrap circle">
            <div class="form-text-hint-lx">
                <span class="overline-title"><em class="icon ni ni-search"></em></span>
            </div>
            <input type="text" class="form-control form-control-lx btn-round" id="searchkw" placeholder="搜索工具(Ctrl+F)" autocomplete="off">
        </div>
    </div>
</div>
<!-- content @s -->
<div class="nk-content nk-content-fluid p-0">
    <div class="nk-block">
        <div class="card">
            <div class="card-inner p-2">
                <div class="container-xl">
                    <nav>
                        <ul class="breadcrumb breadcrumb-pipe">
                            <li class="breadcrumb-item fs-16px category-all active">
                                <a href="javascript:show_tool_list(0)">全部</a>
                            </li>
                            <li class="breadcrumb-item fs-16px category-item" data-id="7">
                                <a href="javascript:show_tool_list(7)">热门工具</a>
                            </li>
                            <li class="breadcrumb-item fs-16px category-item" data-id="1">
                                <a href="javascript:show_tool_list(1)">站长工具</a>
                            </li>
                            <li class="breadcrumb-item fs-16px category-item" data-id="2">
                                <a href="javascript:show_tool_list(2)">开发工具</a>
                            </li>
                            <li class="breadcrumb-item fs-16px category-item" data-id="3">
                                <a href="javascript:show_tool_list(3)">实用工具</a>
                            </li>
                            <li class="breadcrumb-item fs-16px category-item" data-id="4">
                                <a href="javascript:show_tool_list(4)">娱乐工具</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div> 
    </div>
</div>
<!-- content @s -->
<div class="nk-content nk-content-lg nk-content-fluid">
    <div class="container-xl">
        <div class="nk-content-body">
            <div id="toollist"></div>
            <div class="card card-preview" id="link_content" style="display:none">
                <div class="card-inner mt-3">
                    <div class="nya-title nk-ibx-action-item progress-rating">
                        <em class="icon ni ni-link"></em>
                        <span class="nk-menu-text font-weight-bold">友情链接</span>
                    </div>
                    <div class="row g-2">
                        <div class="col-12">
                            <ul class="preview-list">
                                <li class="preview-item">
                                    <a href="https://baidu.com" class="btn btn-wider btn-outline-info btn-sm" target="_blank">百度</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

        <!-- content @d -->
        <div class="nk-footer nk-footer-fluid bg-lighter">
    <div class="container-xl">
        <div class="nk-footer-wrap">
            <div class="nk-footer-copyright"> &copy; 2024 荔枝线上工具箱             </div>
        </div>
    </div>
</div>
<!-- footer @e -->
    </div>
    <!-- wrap @e -->
<script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
<script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.6.1/js/bootstrap.bundle.min.js"></script>
<script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/layer/3.5.1/layer.js"></script>
<script src="static/js/nioapp.min.js"></script>
<script src="static/js/script.js?v=1001"></script>
<script src="static/js/common.js?v=1002"></script>
<script src="static/js/common_ex.js?v=1001"></script>

<script>
var tool_list = [{"id":7,"title":"热门工具","icon":"icon ni ni-hot-fill","items":[{"id":102,"title":"免费ChatGpt","alias":"https://chat5.aiyunos.top/","keyword":null,"request_count":13,"category_id":7,"level":0,"url":"https://chat5.aiyunos.top/","out":true},{"id":104,"title":"百度翻译","alias":"https://fanyi.baidu.com","keyword":"fanyi","request_count":2,"category_id":7,"level":0,"url":"https://fanyi.baidu.com","out":true}]},{"id":1,"title":"站长工具","icon":"icon ni ni-setting","items":[{"id":65,"title":"网页源代码查看","alias":"viewhtml","keyword":"wangyeyuandaimachakan,wyydmck","request_count":8,"category_id":1,"level":0,"url":"/viewhtml","out":false},{"id":35,"title":"IP地址查询","alias":"ip","keyword":"ipdizhichaxun,ipquery,ipdzcx","request_count":2,"category_id":1,"level":0,"url":"/ip","out":false},{"id":36,"title":"域名Whois查询","alias":"whois","keyword":"yumingwhoischaxun,ymwhoiscx","request_count":1,"category_id":1,"level":0,"url":"/whois","out":false},{"id":74,"title":"域名DNS查询","alias":"dns","keyword":"yumingdnschaxun,ymdnscx","request_count":1,"category_id":1,"level":0,"url":"/dns","out":false},{"id":55,"title":"腾讯域名拦截查询","alias":"checkurl","keyword":"yuminglanjiechaxun,ymljcx","request_count":0,"category_id":1,"level":0,"url":"/checkurl","out":false},{"id":66,"title":"数字IP地址转换","alias":"ip_num","keyword":"shuziipdizhizhuanhuan,szipdzzh","request_count":1,"category_id":1,"level":0,"url":"/ip_num","out":false},{"id":31,"title":"网站Favicon获取","alias":"favicon","keyword":"wangzhanfaviconhuoqu,wzfaviconhq","request_count":0,"category_id":1,"level":0,"url":"/favicon","out":false},{"id":53,"title":"中文域名转码","alias":"punycode","keyword":"zhongwenyumingzhuanma,zwymzm,punycode","request_count":0,"category_id":1,"level":0,"url":"/punycode","out":false},{"id":58,"title":"MySQL管理器","alias":"/tool/mysql/","keyword":"mysqlguanliqi,mysqlglq","request_count":1,"category_id":1,"level":0,"url":"/tool/mysql/","out":true},{"id":68,"title":"查看HTTP请求","alias":"http","keyword":"chakanhttpqingqiu,ckhttpqq","request_count":0,"category_id":1,"level":0,"url":"/http","out":false},{"id":71,"title":"PING网站测速","alias":"https://ping.chinaz.com/","keyword":"pingwangzhancesu,pingwzcs","request_count":0,"category_id":1,"level":0,"url":"https://ping.chinaz.com/","out":true},{"id":70,"title":"SEO综合查询","alias":"https://seo.chinaz.com/","keyword":"seozonghechaxun,seozhcx","request_count":3,"category_id":1,"level":0,"url":"https://seo.chinaz.com/","out":true},{"id":73,"title":"HTTP状态查询","alias":"http_status","keyword":"httpzhuangtaichaxun,httpztcx","request_count":1,"category_id":1,"level":0,"url":"/http_status","out":false}]},{"id":2,"title":"开发工具","icon":"icon ni ni-code","items":[{"id":54,"title":"编码解码器","alias":"decode","keyword":"bianmajiemaqi,bmjmq,md5加密,URL解码,URL编码,base64解码,base64编码,Unicode编码,Unicode解码,ASCII转字符,字符转ASCII,html去标签,\\x16进制编码,\\x16进制解码","request_count":8,"category_id":2,"level":0,"url":"/decode","out":false},{"id":22,"title":"字节计算器","alias":"byte_calc","keyword":"zijiejisuanqi,zjjsq","request_count":3,"category_id":2,"level":0,"url":"/byte_calc","out":false},{"id":33,"title":"在线进制转换","alias":"hex_convert","keyword":"zaixianjinzhizhuanhuan,zxjzzh","request_count":1,"category_id":2,"level":0,"url":"/hex_convert","out":false},{"id":28,"title":"GitHub下载加速","alias":"github","keyword":"github,xiazaijiasu,xzjs","request_count":1,"category_id":2,"level":0,"url":"/github","out":false},{"id":45,"title":"RSA公私钥生成","alias":"rsa","keyword":"rsagongsiyueshengcheng,rsagsysc","request_count":0,"category_id":2,"level":0,"url":"/rsa","out":false},{"id":26,"title":"对称加密解密","alias":"encrypt","keyword":"duichenjiamijiemi,dcjmjm","request_count":0,"category_id":2,"level":0,"url":"/encrypt","out":false},{"id":51,"title":"UUID生成器","alias":"uuid","keyword":"uuidshengchengqi,guid,uuidscq","request_count":1,"category_id":2,"level":0,"url":"/uuid","out":false},{"id":41,"title":"Markdown在线编辑","alias":"markdown","keyword":"markdownzaixianbianji,markdownzxbj","request_count":2,"category_id":2,"level":0,"url":"/markdown","out":false},{"id":40,"title":"Linux命令查询","alias":"linux_command","keyword":"linuxminglingchaxun,linuxmlcx","request_count":1,"category_id":2,"level":0,"url":"/linux_command","out":false},{"id":39,"title":"JSON解析格式化","alias":"json","keyword":"jsonjiexigeshihua,jsonjxgsh","request_count":0,"category_id":2,"level":0,"url":"/json","out":false},{"id":21,"title":"JavaScript格式化/压缩","alias":"code_js","keyword":"javascriptgeshihuayasuo,jsgshys","request_count":0,"category_id":2,"level":0,"url":"/code_js","out":false},{"id":20,"title":"Html格式化/压缩","alias":"code_html","keyword":"htmlgeshihuayasuo,htmlgshys","request_count":0,"category_id":2,"level":0,"url":"/code_html","out":false},{"id":19,"title":"CSS格式化/压缩","alias":"code_css","keyword":"cssgeshihuayasuo,cssgshys","request_count":0,"category_id":2,"level":0,"url":"/code_css","out":false},{"id":38,"title":"图片转base64","alias":"image2base64","keyword":"tupianzhuanbase64,tpzbase64","request_count":1,"category_id":2,"level":0,"url":"/image2base64","out":false},{"id":67,"title":"RGB颜色对照表","alias":"rgb_color","keyword":"rgbyanseduizhaobiao,rgbysdzb","request_count":5,"category_id":2,"level":0,"url":"/rgb_color","out":false},{"id":103,"title":"RGB颜色在线转换,十六进制颜色与RGB互转","alias":"color_convert","keyword":"hex","request_count":3,"category_id":2,"level":0,"url":"/color_convert","out":false},{"id":42,"title":"MimeType类型表","alias":"mime_type","keyword":"mimetypeleixingbiao,mimetypelxb","request_count":3,"category_id":2,"level":0,"url":"/mime_type","out":false},{"id":100,"title":"ascii码表","alias":"ascii_tab","keyword":"","request_count":4,"category_id":2,"level":0,"url":"/ascii_tab","out":false},{"id":27,"title":"文件哈希计算","alias":"file_hash","keyword":"wenjianhaxijisuan,wenjianhashjisuan,wjhxjs","request_count":1,"category_id":2,"level":0,"url":"/file_hash","out":false},{"id":32,"title":"字符串哈希计算","alias":"str_hash","keyword":"zifuchuanhaxijisuan,zfchxjs","request_count":0,"category_id":2,"level":0,"url":"/str_hash","out":false},{"id":50,"title":"Unix时间戳转换","alias":"timestamp","keyword":"unixshijianchuozhuanhuan,unixsjczh","request_count":2,"category_id":2,"level":0,"url":"/timestamp","out":false},{"id":96,"title":"国密SM2工具","alias":"guomi","keyword":"guomism2,gmsm2","request_count":23,"category_id":2,"level":0,"url":"/guomi","out":false},{"id":97,"title":"证书信息查看","alias":"cert","keyword":"zhengshuxinxichakan,zsxxck","request_count":18,"category_id":2,"level":0,"url":"/cert","out":false},{"id":98,"title":"证书格式转换","alias":"cert_convert","keyword":"rsazhengshugeshizhuanhuan,rsazsgszh","request_count":10,"category_id":2,"level":0,"url":"/cert_convert","out":false},{"id":99,"title":"CSR生成与查看","alias":"csr","keyword":"csrshengchengchakan,csrscck","request_count":10,"category_id":2,"level":0,"url":"/csr","out":false}]},{"id":3,"title":"实用工具","icon":"icon ni ni-map","items":[{"id":29,"title":"聚合高速图床","alias":"imghosting","keyword":"qqbaidugaosutuchuang,qqbdgstc","request_count":2,"category_id":3,"level":0,"url":"/imghosting","out":false},{"id":95,"title":"短视频去水印","alias":"videoparse","keyword":"duanshipinqushuiyinjiexi,dspqsyjx","request_count":5,"category_id":3,"level":0,"url":"/videoparse","out":false},{"id":61,"title":"全网音乐搜索","alias":"http://music.hi.cn/","keyword":"quanwangyinyuesousuo,qwyyss,music","request_count":2,"category_id":3,"level":0,"url":"http://music.hi.cn/","out":true},{"id":72,"title":"音乐文件解锁","alias":"http://unlock.music.hi.cn/","keyword":"yinyuewenjianjiesuo,yywjjs","request_count":1,"category_id":3,"level":0,"url":"http://unlock.music.hi.cn/","out":true},{"id":69,"title":"音乐外链转换","alias":"https://link.hhtjim.com/","keyword":"yinyuewailianzhuanhuan,yywlzh","request_count":1,"category_id":3,"level":0,"url":"https://link.hhtjim.com/","out":true},{"id":63,"title":"手机归属地查询","alias":"mobile","keyword":"shoujiguishudichaxun,sjgsdcx","request_count":1,"category_id":3,"level":0,"url":"/mobile","out":false},{"id":64,"title":"身份证归属地查询","alias":"idcard","keyword":"shenfenzhengguishudichaxun,sfzgsdcx","request_count":0,"category_id":3,"level":0,"url":"/idcard","out":false},{"id":92,"title":"银行卡归属地查询","alias":"bankcard","keyword":"yinhangkaguishudichaxun,yhkgsdcx","request_count":1,"category_id":3,"level":0,"url":"/bankcard","out":false},{"id":44,"title":"二维码生成","alias":"qrcode","keyword":"erweimashengcheng,ewmsc,qrcode","request_count":1,"category_id":3,"level":0,"url":"/qrcode","out":false},{"id":2,"title":"随机密码生成","alias":"rand_password","keyword":"suijimimashengcheng,sjmmsc","request_count":0,"category_id":3,"level":0,"url":"/rand_password","out":false},{"id":46,"title":"短网址生成","alias":"short_url","keyword":"duanwangzhishengcheng,shorturl,dwzsc","request_count":4,"category_id":3,"level":0,"url":"/short_url","out":false},{"id":85,"title":"短网址还原","alias":"unshorturl","keyword":"duanwangzhihuanyuan,dwzhy","request_count":1,"category_id":3,"level":0,"url":"/unshorturl","out":false},{"id":52,"title":"中文简繁体转化","alias":"zh_convert","keyword":"zhongwenjianfantizhuanhua,zwjftzh","request_count":1,"category_id":3,"level":0,"url":"/zh_convert","out":false},{"id":13,"title":"emoji表情","alias":"emoji","keyword":"emojibiaoqing,emojibq","request_count":4,"category_id":3,"level":0,"url":"/emoji","out":false},{"id":47,"title":"特殊符号大全","alias":"special_symbols","keyword":"teshufuhaodaquan,tsfhdq","request_count":2,"category_id":3,"level":0,"url":"/special_symbols","out":false},{"id":49,"title":"字数统计与排版","alias":"text_count","keyword":"zishutongjiyupaiban,zstjypb","request_count":0,"category_id":3,"level":0,"url":"/text_count","out":false},{"id":84,"title":"小米运动步数修改","alias":"sport","keyword":"xiaomiyundongbushuxiugai,xmydbsxg","request_count":0,"category_id":3,"level":0,"url":"/sport","out":false},{"id":62,"title":"百度网盘秒传","alias":"/tool/bdpan/","keyword":"baiduwangpanfenxiang,bdwpfx","request_count":1,"category_id":3,"level":0,"url":"/tool/bdpan/","out":true},{"id":86,"title":"B站视频解析","alias":"bili_video","keyword":"bzhanshipinjiexi,bzspjx","request_count":2,"category_id":3,"level":0,"url":"/bili_video","out":false},{"id":87,"title":"查B站弹幕发送者","alias":"bili_danmu","keyword":"chabzhandanmufasongzhe,cbzdmfsz","request_count":1,"category_id":3,"level":0,"url":"/bili_danmu","out":false},{"id":93,"title":"微博图片反查","alias":"wbimg","keyword":"weibotupianfancha,wbtpfc","request_count":1,"category_id":3,"level":0,"url":"/wbimg","out":false},{"id":37,"title":"在线图片编辑","alias":"image_editor","keyword":"zaixiantupianbianji,zxtpbj","request_count":1,"category_id":3,"level":0,"url":"/image_editor","out":false}]},{"id":4,"title":"娱乐工具","icon":"icon ni ni-aperture","items":[{"id":48,"title":"在线语音合成","alias":"speech_synthesis","keyword":"zaixianyuyinhecheng,zxyyhc","request_count":1,"category_id":4,"level":0,"url":"/speech_synthesis","out":false},{"id":25,"title":"ASCII艺术字生成","alias":"ascii_art","keyword":"asciiyishuzishengcheng,asciiyszsc","request_count":1,"category_id":4,"level":0,"url":"/ascii_art","out":false},{"id":23,"title":"文章生成器","alias":"bullshit_generator","keyword":"wenzhangshengchengqi,wzscq","request_count":0,"category_id":4,"level":0,"url":"/bullshit_generator","out":false},{"id":3,"title":"支付宝到账语音","alias":"alipay_arrival","keyword":"zhifubaodaozhangyuyin,zfbdzyy","request_count":1,"category_id":4,"level":0,"url":"/alipay_arrival","out":false},{"id":5,"title":"让流量消失","alias":"bandwidth_waste","keyword":"rangliuliangxiaoshi,rllxs","request_count":1,"category_id":4,"level":0,"url":"/bandwidth_waste","out":false},{"id":43,"title":"在线钢琴","alias":"piano","keyword":"zaixiangangqin,piano,zxgq","request_count":2,"category_id":4,"level":0,"url":"/piano","out":false},{"id":91,"title":"国庆头像生成","alias":"/tool/gq_avatar/","keyword":"guoqingtouxiangshengcheng,gqtxsc","request_count":1,"category_id":4,"level":0,"url":"/tool/gq_avatar/","out":true}]}];
var tools = [];
var searchkw = '';
function show_category_btn(catid){
    if(catid == 0){
        $("#link_content").show();
        $(".category-all").addClass("active");
        $(".category-item").removeClass("active");
    }else{
        $("#link_content").hide();
        $(".category-all").removeClass("active");
        $(".category-item").removeClass("active");
        $.each($(".category-item"), function(index,value){
            if($(value).attr('data-id') == catid){
                $(value).addClass("active");
            }
        })
    }
}
function show_tool_list(catid){
    searchkw = '';$("#searchkw").val('');
    show_category_btn(catid);
    tools = [];
    var html = '';
    $.each(tool_list, function(index, value){
        if(catid!=0 && value.id!=catid) return;
        html += `
<div class="card card-preview category-card" data-category-id="${value.id}">
    <div class="card-inner mt-3">
        <div class="nya-title nk-ibx-action-item progress-rating">
            <em class="${value.icon}"></em>
            <span class="nk-menu-text font-weight-bold">${value.title}</span>
        </div>
    <div class="row g-2">`;
        $.each(value.items, function(index, value){
            tools.push(value);
            var title = displayToolTitle(value.title)
           
            html += `
            <div class="col-lg-3 col-md-4 col-6">
                <a href="${value.url}" data-id="${value.id}" class="btn btn-wider btn-block btn-xl btn-outline-light tool-link" ${value.out?'target="_blank"':''}>
                    ${title}
 
                </a>
            </div>`
        })
        html += `
        </div>
    </div>
</div>`;
    });
    $("#toollist").html(html);
    bind_statistics();
}
function show_search_list(){
    var list = tools.filter(v => {
        return v.title.indexOf(searchkw) !== -1 || v.keyword!=null && v.keyword.indexOf(searchkw) !== -1
    })
    var html = '';
    html += `
<div class="card card-preview category-card">
    <div class="card-inner mt-3">
        <div class="nya-title nk-ibx-action-item progress-rating">
            <em class="icon ni ni-search"></em>
            <span class="nk-menu-text font-weight-bold">搜索结果</span>
        </div>
    <div class="row g-2">`;
    if(list.length>0){
        $.each(list, function(index, value){
            var title = displayToolTitle(value.title)
            html += `
            <div class="col-lg-3 col-md-4 col-6">
                <a href="${value.url}" data-id="${value.id}" class="btn btn-wider btn-block btn-xl btn-outline-light tool-link" ${value.out?'target="_blank"':''}>
                    ${title}
                </a>
            </div>`
        })
    }else{
        html += `<p class="search-placeholder">暂无搜索结果</p>`
    }
    html += `
        </div>
    </div>
</div>`;
    $("#toollist").html(html);
    bind_statistics();
    $("#link_content").hide();
    $(".category-all").removeClass("active");
    $(".category-item").removeClass("active");
}
function watch_searchkw(kw){
    if(kw != searchkw){
        searchkw = kw;
        if(searchkw == ''){
            show_tool_list(0)
        }else{
            show_search_list()
        }
    }
}
function bind_statistics(){
    $(".tool-link").click(function(){
	    var id = $(this).attr('data-id');
        $.ajax({
            type : "POST",
            url : "/clitool",
            data : {id: id},
            dataType : 'json',
            async: true,
            success : function(data) {
                console.log('statistics ok '+id)
            }
        });
    });
}
$(document).ready(function(){
    show_tool_list(0);
    $("#searchkw").on('input', function(){
        watch_searchkw($(this).val().trim().toLowerCase())
    });
    $("#searchkw").change(function(){
        watch_searchkw($(this).val().trim().toLowerCase())
    });
    $(document).keydown(function(event){
        if(event.ctrlKey && event.keyCode==70){
            $("#searchkw").focus();
            return false;
        }
    });
})
</script>
 
</body>
</html>